@import "../../../../style/var";
@import "../../../../style/mixin";

.help-wrap {
    .help-list {
        padding: 0 20px;
        border-radius: 20px;

        dl {
            margin: 0 0 20px 0;
            padding: 0 20px;
            color: #333;
            background-color: #fff;

            dt {
                padding: 20px 0;
                border-bottom: 1px solid #ddd;
                background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cpath d='M501.644 706.18l440.143-440.142c10.356-10.357 25.89-10.357 36.247 0 10.356 10.356 10.356 25.89 0 36.247L537.89 745.017c-10.357 10.356-25.891 10.356-36.247 0-10.357-10.356-10.357-28.48 0-38.836z'/%3E%3Cpath d='M97.748 268.627L537.89 708.77c10.356 10.356 10.356 25.89 0 36.247-10.357 10.356-25.891 10.356-36.247 0L61.5 304.874c-10.357-10.356-10.357-25.89 0-36.247 7.767-10.357 25.89-10.357 36.247 0z'/%3E%3C/svg%3E") no-repeat right center;
                background-size: 30px 30px;
                cursor: pointer;
            }

            dd {
                padding: 15px 0;
                margin: 0;
            }

            .desc {
                color: #333;
                line-height: 1.6;
                text-align: justify;
                padding-bottom: 20px;
            }

            a {
                text-decoration: underline;
            }

            .icon {
                position: absolute;
                top: 25px;
                right: 25px;
                font-size: 23px;
                color: #7b7b7b;
            }
        }
    }
}
